<!DOCTYPE html>
<html lang="zh-CN">

<head lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/public.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/echarts.min.js"></script>
    <meta charset="utf-8">
    <title>极速入职体检</title>
    <script type="text/javascript">
    new function() {
        var _self = this;
        _self.width = 640; //设置默认最大宽度
        _self.fontSize = 100; //默认字体大小
        _self.widthProportion = function() {
            var p = (document.body && document.body.clientWidth || document.getElementsByTagName("html")[0].offsetWidth) / _self.width;
            return p > 1 ? 1 : p < 0.5 ? 0.5 : p;
        };
        _self.changePage = function() {
            document.getElementsByTagName("html")[0].setAttribute("style", "font-size:" + _self.widthProportion() * _self.fontSize + "px !important");
        }
        _self.changePage();
        window.addEventListener('resize', function() {
            _self.changePage();
        }, false);
    };
    </script>
</head>

<body>
<div id="nav_box">
<div class="nav"> <a href="javascript:history.go(-1)" class="navLeft"><img src="images/return.png">&nbsp;返回</a>
    <div class="navCenter">极速入职体检</div>
    <div class="navRight">
      <div class="indexNavBtn"></div>
    </div>
  </div>
  </div>


<div class="s01">
    <img style="width: 100%;" src="images/p81.png">
</div>
<div class="s02">
   精选套餐
</div>
<div class="s03 clearfix">
    <div class="p001 clearfix" id="checkAll">
                                            <div class="li"><a class="active" href="#a" tid="0" onclick="getJGTCbyType(this)">全部</a></div>
                                                    <div class="li"><a href="#a" tid="6" onclick="getJGTCbyType(this)">罗湖区</a></div>
                                                    <div class="li"><a href="#a" tid="5" onclick="getJGTCbyType(this)">罗湖区</a></div>
                                                    <div class="li"><a href="#a" tid="4" onclick="getJGTCbyType(this)">罗湖区</a></div>
                                                    <div class="li"><a href="#a" tid="142" onclick="getJGTCbyType(this)">罗湖区</a></div>
                                                    <div class="li"><a href="#a" tid="757" onclick="getJGTCbyType(this)">罗湖区</a></div>

                                </div>
<div class="p001 clearfix" id="checkAll">
                                            <div class="li"><a class="active" href="#a" tid="0" onclick="getJGTCbyType(this)">全部</a></div>
                                                    <div class="li"><a href="#a" tid="6" onclick="getJGTCbyType(this)">公立医院</a></div>
                                                    <div class="li"><a href="#a" tid="5" onclick="getJGTCbyType(this)">民营医院</a></div>


                                </div>
</div>

    <div class="section04 clearfix" id="JXTJK">
        <div class="p001 paomadeng01">
            <div class="t001 clearfix">
                <div class="w001">
                    <img src="images/01.png">
                </div>
                <div class="w002">
                    <div class="v001">关爱父母升级体检卡</div>
                    <div class="v002">深圳美年大健康体检中心深圳美年大健康体检中心
                        
                        <div class="y001">
                            <div class="z001">
                                <div class="li"> 赠：</div>
                                <div class="li">康康体检宝、</div>
                                <div class="li">专家解读、</div>
                                <div class="li">专家解读、</div>
                            </div>
                            <div class="z002">
                            </div>
                        </div>
                    </div>
                    <div class="v003 clearfix">
                        <div class="y001 clearfix"><span>¥</span><div class="z003">998</div></div>
                        <div class="y002">原价 ¥1888</div>
                    </div>
                    <div class="v004 clearfix type01">
                        <div class="y001"></div>
                        <div class="y002">已预约 536人</div>
                    </div>
                    <div class="v005 clearfix">
                        <div class="y001">套餐项目</div>
                        <div class="y002"></div>
                    </div>
                </div>
            </div>

            <div class="t003">
            </div>
        </div>
        <div class="p001">
            <div class="t001 clearfix">
                <div class="w001">
                    <img src="images/01.png">
                </div>
                <div class="w002">
                    <div class="v001">关爱父母升级体检卡</div>
                    <div class="v002">深圳美年大健康体检中心深圳美年大健康体检中心
                        <div class="y001">
                            <div class="z001">
                                <div class="li"> 赠：</div>
                                <div class="li">康康体检宝、</div>
                                <div class="li">专家解读、</div>
                                <div class="li">专家解读、</div>
                            </div>
                            <div class="z002">
                            </div>
                        </div>
                    </div>
                    <div class="v003 clearfix">
                        <div class="y001 clearfix"><span>¥</span><div class="z003">998</div></div>
                        <div class="y002">原价 ¥1888</div>
                    </div>
                    <div class="v004 clearfix">
                        <div class="y001">用券：立减60元</div>
                        <div class="y002">已预约 536人</div>
                    </div>
                    <div class="v005 clearfix">
                        <div class="y001">套餐项目</div>
                        <div class="y002"></div>
                    </div>
                </div>
            </div>

            <div class="t003">
            </div>
        </div>
    </div>
    <div class="section05 clearfix" id="YHTC">
        <div class="p001"></div>
        <div class="p002">
            <img src="images/p59.png">入职体检注意事项
        </div>
    </div>
<div class="s04">
    <img src="images/p82.png" style="width: 100%;">
</div>
    <div class="section05 clearfix" id="YYLC">
        <div class="p001"></div>
        <div class="p002">
            <img src="images/p09.png">预约流程
        </div>
    </div>
    <div class="section07">
      <div>
        <table>
          <tbody>
            <tr>
              <td><img src="images/a01.png"><div class="t001">选购套餐</div></td>
              <td><img src="images/a02.png"><div class="t001">预约体检</div></td>
              <td><img src="images/a03.png"><div class="t001">前往体检</div></td>
              <td><img src="images/a04.png"><div class="t001">领取报告</div></td>
              <td><img src="images/a05.png"><div class="t001">检后服务</div></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="section05 clearfix" id="FWBZ">
        <div class="p001"></div>
        <div class="p002">
            <img src="images/p10.png">服务保障
        </div>
    </div>
        <div class="section08">
            <div class="table">
                            <div class="td">
                                <img src="./images/b01.png">
                                <div class="t001">官方授权</div>
                                <div class="t002">
                                    四千余家体检中
                                    心授权快速预约
                                </div>
                            </div>
                            <div class="td">
                                <img src="./images/b02.png"><div class="t001">未检随时退</div><div class="t002">
                                    未消费订单随时
                                    退款快速返还
                                </div>
                            </div>
                            <div class="td">
                                <img src="./images/b04.png"><div class="t001">贵就陪</div><div class="t002">
                                    套餐价格全网最
                                    低买贵赔差价
                                </div>
                            </div>
                            <div class="td">
                                <img src="./images/b04.png"><div class="t001">检后服务</div><div class="t002">
                                    赠解读报告,健康
                                    保险,医生咨询
                                </div>
                            </div>
            </div>

            
        </div>


<div id="model_box"  class="hide">
  <div class="model_box_content fade animate" id="model_box_coupon" >
    <div class="p001">您已领去500元优惠券大礼包<div class="close"></div></div>
    <div class="p002">
      <ul>
               <li>
                <a href="">
                    <div class="p01"></div>
                    <div class="txt">
                    <div class="p02">5.20活动 推荐专享</div>
                    <div class="p03">有效期至2016-05-30</div>
                    <div class="p04">￥<span>50</span></div>
                    <div class="p05">劵号：544689789</div>
                    <div class="p06">【消费满 500元 可用】限支持优惠券的套餐</div>
                    </div>
                </a>
               </li>

               <li class="blue">
                <div class="tag"></div>
                <a href="">
                    <div class="p01"></div>
                    <div class="txt">
                    <div class="p02">5.20活动 推荐专享</div>
                    <div class="p03">有效期至2016-05-30</div>
                    <div class="p04">￥<span>50</span></div>
                    <div class="p05">劵号：544689789</div>
                    <div class="p06">【消费满 500元 可用】限支持优惠券的套餐</div>
                    </div>

                </a>
               </li>

               <li class="green">
                <a href="">
                    <div class="tag"></div>
                    <div class="p01"></div>
                    <div class="txt">
                    <div class="p02">5.20活动 推荐专享</div>
                    <div class="p03">有效期至2016-05-30</div>
                    <div class="p04">￥<span>50</span></div>
                    <div class="p05">劵号：544689789</div>
                    <div class="p06">【消费满 500元 可用】限支持优惠券的套餐</div>
                    </div>

                </a>
               </li>
               <li class="purple">
                <a href="">
                    <div class="tag"></div>
                    <div class="p01"></div>
                    <div class="txt">
                    <div class="p02">5.20活动 推荐专享</div>
                    <div class="p03">有效期至2016-05-30</div>
                    <div class="p04">￥<span>50</span></div>
                    <div class="p05">劵号：544689789</div>
                    <div class="p06">【消费满 500元 可用】限支持优惠券的套餐</div>
                    </div>

                </a>
               </li>

           </ul>
    </div>
  </div>
  <div class="model_box_content fade animate" id="model_box_select_location">
    <div class="p001">
      选择门店<div class="close" ></div>
    </div>
    <div class="p002 clearfix">
      <div class="t001">请选择城市</div>
      <div class="t002">
        <div class="u001 clearfix" >
        <div class="li active">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳</div>
        <div class="li">深圳深圳</div>
        <div class="li">深圳深圳</div>
        <div class="li">深圳深圳</div>
        <div class="li v001">更多&gt</div>
        </div>
        <!-- <div class="u002 clearfix" ><div class="v001">更多&gt</div></div> -->
      </div>
      <div class="t003 clearfix">
        <div class="u001">已选：</div>
        <div class="u002">深圳</div>
      </div>
      <div class="t004">
        <table>
        <thead>
          <th class="v001">序号</th>
          <th class="v002">机构名字</th>
          <th class="v003"></th>
        </thead>
        <tbody>
          <tr>
            <td class="v001">1</td>
            <td class="v002">深圳美年大健康（南山科技园分院）体检中心</td>
            <td class="v003"><a class="w001">立即预定</a></td>
          </tr>          <tr>
            <td class="v001">1</td>
            <td class="v002">深圳美年大健康（南山科技园分院）体检中心</td>
            <td class="v003"><a class="w001">立即预定</a></td>
          </tr>          <tr>
            <td class="v001">1</td>
            <td class="v002">深圳美年大健康（南山科技园分院）体检中心</td>
            <td class="v003"><a class="w001">立即预定</a></td>
          </tr>          <tr>
            <td class="v001">1</td>
            <td class="v002">深圳美年大健康（南山科技园分院）体检中心</td>
            <td class="v003"><a class="w001">立即预定</a></td>
          </tr>
        </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="model_box_content fade animate" id="model_box_programe_ifo">
    <div class="p001">
      选择门店<div class="close" ></div>
    </div>
    <div class="p002">
      <div class="t000 t001">
        <div class="u001">
          <div class="v001">科室检查（5项）</div>
          <div class="v002"><img src="images/p46.png"></div>
        </div>
        <div class="u002">
          <table>
              <thead>
                <th>检查项目</th>
                <th>检查指标意义</th>
                <th>男</th>
                <th>女</th>
              </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>1</td>
                <td class="td03 active"></td>
                <td class="td04 active"></td>
              </tr>              <tr>
                <td>1</td>
                <td>1</td>
                <td class="td03 active"></td>
                <td class="td04 active"></td>
              </tr>              <tr>
                <td>1</td>
                <td>1</td>
                <td class="td03 active"></td>
                <td class="td04 active"></td>
              </tr>              <tr>
                <td>1</td>
                <td>1</td>
                <td class="td03 active"></td>
                <td class="td04 active"></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="t000 t001">
        <div class="u001">
          <div class="v001">科室检查（5项）</div>
          <div class="v002"><img src="images/p46.png"></div>
        </div>
        <div class="u002">
          <table>
              <thead>
                <th>检查项目</th>
                <th>检查指标意义</th>
                <th>已婚男女</th>
                <th>男</th>
                <th>女</th>
              </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>1</td>
                <td class="td05 active"></td>
                <td class="td03 active"></td>
                <td class="td04 active"></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="p003 close"></div>
  </div>
  <div class="model_box_content fade animate window-alert" id="model_window-alert">
<div class="">
            <div class="layer"></div>
            <div class="window" style="">
                <h5>领取老用户专享优惠券</h5>
                <div class="w-top">
                    <div class="float">
                        <span class="count"><small>￥</small>700</span>
                        <div class="float-r">
                            <p>老用户专享优惠券</p>
                            <span>2017.3.31前有效</span>
                        </div>
                    </div>
                    <img src="images/window_vip.png">
                </div>
                <input type="text" name="" placeholder="请输入您的手机号码" class="ipt-phone">
                <div class="codediv">
                    <input type="text" name="" placeholder="输入验证码" class="ipt-code">
                    <!--<input type="button" value="获取验证码" class="ipt-btn corde checknumbutton" />-->
                    <button id="checkNum" class="ipt-btn corde checknumbutton">获取验证码</button>
                </div>
                <p class="info">提示提示提示提示</p>
                <input type="button" value="立即获取" class="ipt-submit">
            </div>
            <div class="window2" style="display: none">
                <h6>~恭喜您领取成功~</h6>
                <div class="content">
                    <p>您已成功领取6张优惠券：</p>
                    <div class="imgcontent">
                        <ul>
                            <li>300元</li>
                            <li>30元</li>
                            <li>300元</li>
                            <li>300元</li>
                            <li>300元</li>
                        </ul>
                    </div>
                </div>
                <a href="javascript:void(0)">去使用</a>
            </div>
            <div class="p005 close"></div>
        </div>
  </div>
</div>
    <div id="model_box_programe_ifo_p004" class="hide">立即购买</div>



<script type="text/javascript">
    model_box({
        btn: ".section03 .p004",
        model_inner_content: "#model_box_coupon",
        close_btn: ".close",
        callback: ""
    });
    // model_box({
    //     btn: ".section04 .p001 .t001 .w002 .v005 .y001",
    //     model_inner_content: "#model_box_programe_ifo",
    //     close_btn: ".close",
    //     callback: ""
    // });
    // model_box({
    //     btn: ".section01",
    //     model_inner_content: "#model_window-alert",
    //     close_btn: ".close",
    //     callback: ""
    // });
    
</script>
<script type="text/javascript">

    $('.owl-carousel2').owlCarousel({
        loop: false,
        margin: 0,
        nav: false,
        autoplay: false,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        smartSpeed: 1000,
        fallbackEasing: "ease",
        responsive: {
            0: {
                items: 4
            },
            600: {
                items: 4
            },
            1000: {
                items: 4
            }
        }
    })


    timecountdown({
        day01: ".day01",
        day02: ".day02",
        hour01: ".hour01",
        hour02: ".hour02",
        minute01: ".minute01",
        minute02: ".minute02",
        second01: ".second01",
        second02: ".second02",
        endtime: "2017-5-28 1:04:0 GTM+8"
    });

    $("#model_box_programe_ifo .p002 .u001").click(function () {
        $(this).toggleClass("active");
        $(this).next().slideToggle();
    });

    paomadeng({
        li: ".section04 .p001.paomadeng01 .t001 .w002 .v002 .z001 .li",
        box01: ".paomadeng01 .z001",
        box02: ".paomadeng01 .z002",
        outbox: ".section04 .p001.paomadeng01 .t001 .w002 .v002 .y001",
        mouseevent: false
    });
    </script>

    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

option = {
    // tooltip: {
    //     trigger: 'item',
    //     formatter: "{a} <br/>{b}: {c} ({d}%)"
    // },
    // legend: {
    //     orient: 'vertical',
    //     x: 'left',
    //     data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    // },
    series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            color:['#fff','#ff6482'],
            data:[
                {value:335, name:'',color:"#fff"},
                {value:120, name:''}
            ]
        }]
};


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);


$("#model_box_select_location .p002 .t002 .u001 .v001").click(function(){
    $("#model_box_select_location .p002 .t002").height("auto")
})
    </script>

<script type="text/javascript">

setTimeout(function(){
    kktj_scroll_fixed({
        id: "#owl-demo",
        foot_classname:"foot"
    });
},200)




// show_sub({
// btn: "#index .section05 .con_link_type li",
// subbox: "#index .section05 .link_body",
// event_type: "mouseover",
// wrapbox:"",
// wrap_btn_box:"",
// callback:""
// });
show_sub01 = function(_args) {
        var args = $.extend({}, _args);
        var btn = $(args.btn),
            subbox = $(args.subbox),
            callback = args.callback,
            wrapbox = $(args.wrapbox),
            wrap_btn_box = $(args.wrap_btn_box),
            allow_reset = args.allow_reset;
        if (wrapbox.length == 0) { wrapbox = $("body") };
        wrapbox.on("click", args.btn, function() {
            var a = $(this).hasClass("active01");
            if (!allow_reset) { allow_reset = false } //defulet ban reset
            $(args.btn).removeClass("active01");
            !args.wrap_btn_box ? "" : wrap_btn_box.removeClass("active01");
            if (allow_reset) {
                if (!a) {
                    $(this).addClass("active01");
                    !args.wrap_btn_box ? "" : $(this).parents(args.wrap_btn_box).addClass("active01");
                } else {
                    $(this).removeClass("active01");
                }
            } else {
                $(this).addClass("active01");
                !args.wrap_btn_box ? "" : $(this).parents(args.wrap_btn_box).addClass("active01");
            };
            subbox.hide();

            if (allow_reset) {
                if (!a) {
                    var index = $(this).index();
                    subbox.eq(index).show(); // show the consistent contend box which have the same index in ele anrry
                    if (callback) {
                        eval(callback);
                    }
                }
            } else {
                var index = $(this).index();
                subbox.eq(index).show(); // show the consistent contend box which have the same index in ele anrry
                if (callback) {
                    eval(callback);
                }
            }

        })
    }



show_sub01({
btn: ".owl-item",
subbox: "",
event_type: "click",
wrapbox:"section02",
wrap_btn_box:"",
callback:""
});


$(".owl-item").eq(0).addClass("active01")


</script>
<div class="foot"></div>
</body>

</html>
